<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>账户设置</title>
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>
			.icon_error_red {
				margin-left: 14px;
			}
		</style>
	</head>

	<body>
		 <script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/menu.js" type="text/javascript" charset="utf-8"></script>
			<div class="vertival-line"></div>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem active">
							<a href="accountSetting.html#account">基本信息</a>
						</li>
						<li class="tabItem ">
							<a href="editPass.html#account">修改密码</a>
						</li>
					</ul>
				</div>

				<div class="clearfix">
					<div class=" over-hidden" style="padding:40px;padding-bottom:20px;border-bottom:1px solid #ddd;">
						<div class="fl">
							<div class="colorblue largeFont">账号：jtest</div>
							<p style="margin-top:20px;">用户姓名：张先生</p>
							<p style="margin-top:20px;">所属公司：深圳在乎传媒科技有限公司</p>
							<p style="margin-top:20px;">上次登录：2016年8月12日 18:47:30<span style="margin-left:20px;">IP：192.168.0.1</span></p>

						</div>
						<div class="fr text-center" style="width:120px;margin-right:100px;">
							<div>
								<img src="images/account/touxiang.png" style="height:120px;width:120px;margin-bottom: 10px;" />
							</div>

<div>
		<span class="search-input-button border-radius bgblue nomargin">编辑头像</span>
</div>
						
						</div>
					</div>
					<div class="clearfix"></div>
					<div class=" over-hidden" style="padding:40px;padding-top:20px;">
						<div class="colorblue largeFont">联系方式：</div>
						<div class="form" style="margin-top:20px;">
							<form class="block-form" id="commentForm">
								<div style="margin-top:0px;">
									<label for="m_phone"><span class="red">*</span>手机：</label>
									<input id="m_phone" name="m_phone" type="text" required />
								</div>
								<div>
									<label><span class="red hidden">*</span>座机：</label>
									<input id="home_phone" type="text" />
								</div>
								<div>
									<label><span class="red hidden">*</span>邮箱：</label>
									<input id="cemail" type="text" />

								</div>
								<div>
									<label><span class="red hidden">*</span>备注：</label>
									<textarea style="width:374px;height:82px;vertical-align: top;max-width:374px;max-height:82px;" id="note"></textarea>
								</div>
								<div style="margin-top:50px;margin-left:10px;">
									<input type="submit" value="保存" class="search-input-button bgblue border-radius" id="subButton" />
									<input type="button" value="返回" class="search-input-button border-radius" id="backButton" />
								</div>
							</form>
						</div>
					</div>

				</div>

			</div>

		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/messages_zh.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script>
		jQuery.extend(jQuery.validator.messages, {
			email: "<i class=\" icon icon_error_red \"></i>请输入正确的邮箱地址",
		});

		$.validator.setDefaults({
			submitHandler: function() {
				//这里放验证成功之后要执行的函数
				
			}
		});

		//这里是验证手机号码
		$.validator.addMethod("ismobile", function(value, element) {
			var length = value.length;
			var mobile = /^(13[0-9]|14[0-9]|15[0-9]|18[0-9])\d{8}$/i;
			return(length == 11 && mobile.exec(value)) ? true : false;
		}, "<i class=\" icon icon_error_red \"></i>您输入的手机号码不正确！");

		$(document).ready(function() {
			$("#commentForm").validate({
				rules: {
					m_phone: {
						required: true,
						ismobile :true,
					},
					cemail: {
						email: true,
					}
				},
				messages: {
					m_phone: {
						required: "<i class=\" icon icon_error_red \"></i>请输入手机号码",
					},
				},
				errorPlacement: function(error, element) {
					error.appendTo('<i class=\" icon icon_error_red \"></i>').appendTo(element.parent());
				},
				
			});
		});
	</script>

</html>